<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8" />
	<title>Document</title>
	<script type="text/javascript" src="../jquery.min.js"></script>
	<script type="text/javascript" src="S.js"></script>
	<link rel="stylesheet" href="S.css" />
</head>
<body>
	<div id="x1" style="width:600px;height:500px;border:solid 1px #ccc;">
		<div id="x2" style="height:400px;border:solid 1px #ccc;">
		
		</div>
	
	</div>
	<script type="text/javascript">
		new S.PageBar({
			max:500,
			size:20,
			current:5,
			el:'#x1',
			slide:true,
			change:function(page){
				console.log(page);
			}
		});
	</script>
</body>
</html>